import { ElButton } from "element-plus";
import { defineComponent, reactive, ref } from "vue";
import DoctorInfo from "~/src/components/DoctorInfo";
import DoctorInfoV2 from "~/src/components/DoctorInfoV2";
import Input from "~/src/components/Input";
import SelectHy, { hyType } from "~/src/components/SelectHy";
import SelectMzjf from "~/src/components/SelectMzjf";

export default defineComponent({
    setup() {


        // const data = reactive<hyType[]>([
        //     {
        //     hyNo: "",
        //     hyTime: "8:00",
        //     hyStatus: "满"
        // }, {
        //     hyNo: "8号",
        //     hyTime: "8:20",
        //     hyStatus: ""
        // }, {
        //     hyNo: "9号",
        //     hyTime: "8:20",
        //     hyStatus: ""
        // }, {
        //     hyNo: "10号",
        //     hyTime: "8:20",
        //     hyStatus: ""
        // }, {
        //     hyNo: "11号",
        //     hyTime: "8:20",
        //     hyStatus: ""
        // }, {
        //     hyNo: "12号",
        //     hyTime: "8:20",
        //     hyStatus: ""
        // }])
        const searchKey = ref("")
        return () => <div style={{ background: "white", height: "60vh" }}>
            {/* <Input  v-model={searchKey.value} placeholder="输入药品名称或首字母" ></Input>
            <SelectMzjf></SelectMzjf>
            <SelectHy

            ></SelectHy> */}

            <DoctorInfoV2
                docPicture="src/assets/images/docPic.jpg"
                name="周树人"
                title='主任医师'
                introduce="擅长脑血管病、头痛、眩晕、认知障碍、神经系统重症疾病重症疾病的诊治...重症疾病的诊治...的诊治... "
                hyzt='满号'
            >
                {{
                    btn: () => {
                        return <ElButton type="info" disabled>立即挂号</ElButton>
                    }
                }}
            </DoctorInfoV2>
            {/* <DoctorInfo
                docPicture="src/assets/images/docPic.jpg"
                name="周树人2"
                title='主任医师'
                introduce="擅长脑血管病、头痛、眩晕、认知障碍、神经系统重症疾病的诊治擅长脑血管病、头痛、眩晕、认知障碍、神经系统重症疾病的诊治擅长脑血管病、头痛、眩晕、认知障碍、神经系统重症疾病的诊治擅长脑血管病、头痛、眩晕、认知障碍、神经系统重症疾病的诊治 "
                hyzt='有号'
            >{{
                btn: () => {
                    return <ElButton type="success">立即挂号</ElButton>
                }
            }}</DoctorInfo> */}


        </div>

    }
})
